<%-- 
    Document   : consultation.jsp
    Created on : 9 nov. 2013, 13:26:19
    Author     : Steve Cancès <steve.cances@gmail.com>
--%>

<%@page import="fr.miage.orleans.aar.modele.EtatTournoi"%>
<%@page contentType="text/html" pageEncoding="UTF-8"
	import="java.util.ArrayList, fr.miage.orleans.aar.modele.Tournoi, fr.miage.orleans.aar.modele.valueobject.ValueObjectEquipeDetail"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/kickstart.css"
	media="all" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/tablePaginer.js"></script>
<script type="text/javascript" src="js/kickstart.js"></script>
<jsp:useBean id="tournois" class="ArrayList<Tournoi>" scope="session" />
<jsp:useBean id="equipes" class="ArrayList<ValueObjectEquipeDetail>" scope="session"/>

<title>Les tournois</title>
</head>
<body>

	<jsp:include page="header.jsp">
            <jsp:param name="page" value="consultation" />
        </jsp:include>

        <div class="grid">
            <div class="col_12">
                <div>
                    <h2>Les tournois</h2>

                    <ul class="tabs left">
                        <li><a href="#tabr1"><i class="icon-cogs"></i> En préparation</a></li>
                        <li><a href="#tabr2"><i class="icon-spinner"></i> En cours</a></li>
                        <li><a href="#tabr3"><i class="icon-ok-sign"></i> Terminés</a></li>
                    </ul>

                    <div id="tabr1" class="tab-content">
                        <h3>Les tournois en préparation</h3>

                        <table class = "striped paginated">
                            <thead>
                                <tr>
                                    <th>Nom du tournoi</th><th>Nombre d'équipes</th><th>&nbsp;</th><th>&nbsp;</th>
                                </tr>
                            </thead>
                            <tbody>
                                <%
                	             for (Tournoi t : tournois) {
                                        if (t.getEtatTournoi() == EtatTournoi.EN_PREPARATION) {
                                %>
                                <tr>
                                    <td>(n°<%=t.getTournoiId()%>), <%=t.getNomTournoi()%></td>
                                    <td><%=t.getEquipesTournoi().size()%></td>
                                    <td>
                                        <form action="consultation" style="display: inline;" method="POST">
                                            <input type="hidden" name="action" value="detailTournoi" />
                                            <input type="hidden" name="idtournoi" value="<%=t.getTournoiId()%>" />
                                            <button type="submit" class="small blue"><i class=" icon-eye-open"></i> Voir la fiche du tournoi</button>
                                        </form>
                                    </td>
                                    <td>
                                        <form action="consultation" style="display: inline;" method="POST">
                                            <input type="hidden" name="action" value="inscription" />
                                            <input type="hidden" name="idtournoi" value="<%=t.getTournoiId()%>" />
                                            <button type="submit" class="small green"><i class=" icon-trophy"></i> S'inscrire à ce tournoi</button>
                                        </form>
                                    </td>
                                </tr>
                                <% 		}
                                    }
                                %>
                            </tbody>
                        </table>

                    </div>

                    <div id="tabr2" class="tab-content">
                        <h3>Les tournois en cours</h3>
                        <table class= "striped paginated">
                            <thead>
                                <tr>
                                    <th>Nom du tournoi</th><th>Nombre d'équipes</th><th>&nbsp;</th><th>&nbsp;</th>
                                </tr>
                            </thead>
                            <tbody>
                                <%
                                    for (Tournoi t : tournois) {
                                        if (t.getEtatTournoi() == EtatTournoi.EN_COURS) {
                                %>
                                <tr>
                                    <td>(n°<%=t.getTournoiId()%>), <%=t.getNomTournoi()%></td>
                                    <td><%=t.getEquipesTournoi().size()%></td>
                                    <td>
                                        <form action="consultation" style="display: inline;" method="POST">
                                            <input type="hidden" name="action" value="detailTournoi" />
                                            <input type="hidden" name="idtournoi" value="<%=t.getTournoiId()%>" />
                                            <button type="submit" class="small blue"><i class=" icon-eye-open"></i> Voir la fiche du tournoi</button>
                                        </form>
                                    </td>
                                    <td></td>
                                </tr>
                                <% 		}
                                    }
                                %>
                            </tbody>
                        </table>

                    </div>
                    <div id="tabr3" class="tab-content">
                        <h3>Les tournois terminés</h3>
                        <table class ="striped paginated">
                            <thead>
                                <tr>
                                    <th>Nom du tournoi</th><th>Nombre d'équipes</th><th>&nbsp;</th><th>&nbsp;</th>
                                </tr>
                            </thead>
                            <tbody>
                                <%
                                    for (Tournoi t : tournois) {
                                        if (t.getEtatTournoi() == EtatTournoi.TERMINE) {
                                %>
                                <tr>
                                    <td>(n°<%=t.getTournoiId()%>), <%=t.getNomTournoi()%></td>
                                    <td><%=t.getEquipesTournoi().size()%></td>
                                    <td>
                                        <form action="consultation" style="display: inline;" method="POST">
                                            <input type="hidden" name="action" value="detailTournoi" />
                                            <input type="hidden" name="idtournoi" value="<%=t.getTournoiId()%>" />
                                            <button type="submit" class="small blue"><i class=" icon-eye-open"></i> Voir la fiche du tournoi</button>
                                        </form>
                                    </td>
                                    <td></td>
                                </tr>
                                <% 		}
                                    }
                                %>
                            </tbody>
                        </table>
                    </div>

                </div>
			
			<div>
				
				<h2>Les équipes et les joueurs</h2>
				<ul class="tabs left">
					<li><a href="#tabr4">Listes des équipes</a></li>
					<li><a href="#tabr5">Créer une équipe</a></li>
				</ul>
				<div id="tabr4" class="tab-content">
					<table class="striped paginated">
						<thead>
							<tr>
								<th>Nom de l'équipe</th>
								<th>Nombre de tournois</th>
								<th>Nombre de matchs (gagnés/perdus)</th>
								<th>Nombre de joueur</th>
								<th>Voir la fiche de l'équipe</th>
							</tr>
						</thead>
						<tbody>
							<%
								for (ValueObjectEquipeDetail e : equipes) {
			                 %>
									<tr>
										<td><%=e.getNom()%></td>
										<td><%=e.getTournois().size() %> </td>
										<td><%=e.getNbVictoires() %>&nbsp;/&nbsp;<%=e.getNbDefaites()%></td>
										<td><%=e.getListeJoueur().size()%></td>
										<td> <form action="consultation" style="display: inline;" method="POST">
                                            <input type="hidden" name="action" value="detailEquipe" />
                                            <input type="hidden" name="idequipe" value="<%=e.getId()%>" />
                                            <button type="submit" class="small blue"><i class=" icon-eye-open"></i> Voir la fiche de l'équipe</button>
                                        </form>
                                        </td>
									</tr>
							<% 		
							    } 
						    %>
						</tbody>
					</table>
				</div>
				<div id="tabr5" class="tab-content">
				<H5>Création d'une équipe et ajouter des joueurs</H5>
				<form action="creationEquipe" method="POST">
					<input type="hidden" value="createEquipeWithPlayer" name="action"/>
					<button type="submit" class="small green"><i class="icon-plus"></i> Créer équipe</button>
				</form>
				<br>
				<H5>Création rapide</H5>
					<form action="creationEquipe" method="POST">
						<input type="hidden" value="createEquipe" name="action"/>
						<input id="input_nom_equipe" type="text" name="nomEquipe" placeholder="Nom d'équipe" />
						<input name="nbJoueurs" type="number" step="1" value="11" min="11" max="15"/>
						<button type="submit" class="small green"><i class="icon-plus"></i> Créer équipe</button>
					</form>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="footer.jsp"></jsp:include>
</body>
</html>
